import React from 'react'
import { Row, Col } from 'antd';
import { List } from './List';
import './index.scss'
import style1 from './index.module.scss'
import { Link, Route, Switch } from 'react-router-dom'
const style3 = { margin: 0 }
const style4 = { padding: 0 }

export default function RiskControl() {

    const data = {
        alipay: '用户未认证',
        taobao: '用户未认证',
        shebao: '用户未认证',
        face:'通过'
    }
    // 京东表头1
    const JindongInfo1 = [
        {
            id: 1,
            title: '会员昵称',
            key: 'huiyuan'
        },
        {
            id: 2,
            title: '白条信用',
            key: 'baitiaoxingyong'
        }
    ]
    // 京东表头2
    const JindongInfo2 = [
        {
            id: 1,
            title: '会员等级',
            key: 'huiyuanrank'
        }
    ]
    // 京东数据1
    const JindongData1 = {
        huiyuan: '小行星',
        baitiaoxingyong: '3545646'
    }
    // J京东数据2
    const JindongData2 = {
        huiyuanrank: '京东钻石'
    }

    return (
        <div>
            {/* 支付宝 */}
            <div>
                <Row>
                    <Col className={style1.pre_title} span={24}>
                        <p>支付宝</p>
                    </Col>
                </Row>
                <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
                    <Col className="gutter-row alipay" span={24}>
                        <div>{data.alipay}</div>
                    </Col>
                </Row>
            </div>

            {/* 京东 */}
            <div>
                <Row>
                    <Col className={style1.pre_title} span={24}>
                        <p>京东</p>
                    </Col>
                </Row>
                <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} style={style3}>
                    <Col className="gutter-row" span={12} style={style4}>
                        {List(JindongInfo1, JindongData1)}
                    </Col>
                    <Col className="gutter-row" span={12} style={style4}>
                        {List(JindongInfo2, JindongData2)}
                    </Col>
                </Row>
            </div>

            {/*淘宝 */}
            <div>
                <Row>
                    <Col className={style1.pre_title} span={24}>
                        <p>淘宝</p>
                    </Col>
                </Row>
                <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
                    <Col className="gutter-row alipay" span={24}>
                        <div>{data.taobao}</div>
                    </Col>
                </Row>
            </div>

            {/* 社保 */}
            <div>
                <Row>
                    <Col className={style1.pre_title} span={24}>
                        <p>社保</p>
                    </Col>
                </Row>
                <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
                    <Col className="gutter-row alipay" span={24}>
                        <div>{data.shebao}</div>
                    </Col>
                </Row>
            </div>
            {/* 公积金 */}
            <div>
                <Row>
                    <Col className={style1.pre_title} span={24}>
                        <p>公积金</p>
                    </Col>
                </Row>
                <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
                    <Col className="gutter-row alipay" span={24}>
                        <Link to='/home/preloan/gongjijingDetail'>查看公积金信息</Link>
                    </Col>
                </Row>
            </div>

            {/* 银行流水 */}
            <div>
                <Row>
                    <Col className={style1.pre_title} span={24}>
                        <p>网银流水</p>
                    </Col>
                </Row>
                <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
                    <Col className="gutter-row alipay" span={24}>
                        <Link to='/home/preloan/bankDetail'>查看银行流水详情</Link>
                    </Col>
                </Row>
            </div>
            {/* 人脸识别 */}
              <div>
                <Row>
                    <Col className={style1.pre_title} span={24}>
                        <p>人脸识别</p>
                    </Col>
                </Row>
                <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
                    <Col className="gutter-row alipay" span={24}>
                        <div>{data.face}</div>
                    </Col>
                </Row>
            </div>
        </div>
    )
}
